{pc:content action="category" catid="0" num="25" siteid="$siteid" order="listorder ASC"}
<div id="pcFooter" class="showBox">
    <div class="container">
        <div class="row">
            <ul class="col-md-7 row justify-content-between pcFooter-left">
                {loop $data $i $r}
                <li class="PCMainTitle">
                    <a href="{$r['url']}">{$r['catname']}</a>
                    {pc:content action="category" catid="$r['catid']" num="25" siteid="$siteid" order="listorder ASC" return="data1"}
                    <ul>
                        {loop $data1 $i1 $r1}
                        <li><a href="{$r1['url']}">{$r1['catname']}</a></li>
                        {/loop}
                    </ul>
                    {/pc}
                </li>
                {/loop}
            </ul>
            <div class="col-md-2 footerMiddle"></div>
            <div class="col-md-3 erweimaLeft ">
                <p class="aboutUsFooter">关于我们</p>
                <div class="erweima"><img src="/statics/templates/jtwy/images/erweima1.jpg"></div>
                <p class="footerSaoyisao">打开微信扫一扫</p>
            </div>

        </div>
        <p class="content pcContent" style="color: #fff;">Copyright © {date('Y',time())} 金泰物业&nbsp;&nbsp;<span class="highlight">版权所有</span>&nbsp;&nbsp;<a style="color: #fff;"
                href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">辽ICP备2023001894号-1</a></p>
    </div>
</div>
{/pc}
<script language="javascript" type="text/javascript" src="/statics/templates/jtwy/js/jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="/statics/templates/jtwy/js/bootstrap.min.js"></script>
{if !$catid}
<script language="javascript" type="text/javascript"
        src="/statics/templates/jtwy/js/camera/js/jquery.mobile.customized.min.js"></script>
<script language="javascript" type="text/javascript"
        src="/statics/templates/jtwy/js/camera/js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="/statics/templates/jtwy/js/camera/js/camera.min.js"></script>
{/if}
{if in_array($catid,[9,10,13,16])}
<script language="javascript" type="text/javascript" src="/statics/templates/jtwy/js/swiper-bundle.min.js"></script>
{/if}
<script language="javascript" type="text/javascript" src="/statics/templates/jtwy/js/main.js"></script>

{if !$catid}
<script>
    var clientHeight = document.documentElement.clientHeight
    var isShow1 = false;
    var isShow2 = false;
    var isShow3 = false;
    var isShow4 = false;

    $(window).scroll(function () {
        let box1Top = $(".homeSection1")[0].getBoundingClientRect().top
        let glap1 = box1Top - clientHeight
        if (glap1 <= 0 && !isShow1) {
            $(".homeSection1").addClass("fadeUp")
            isShow1 = true
        }

        let box2Top = $(".homeSection1")[0].getBoundingClientRect().top
        let glap2 = box2Top - clientHeight
        if (glap2 <= 0 && !isShow2) {
            $(".homeSection2").addClass("fadeLeft")
            isShow2 = true
        }


        let box3Top = $(".homeSection3")[0].getBoundingClientRect().top
        let glap3 = box3Top - clientHeight
        if (glap3 <= 0 && !isShow3) {
            $(".homeSection3").addClass("fadeUp")
            isShow3 = true
        }


        let box4Top = $(".homeSection4")[0].getBoundingClientRect().top
        let glap4 = box4Top - clientHeight
        if (glap4 <= 0 && !isShow4) {
            $(".homeSection4").addClass("fadeLeft")
            isShow4 = true
        }

        // console.log("clientHeight", clientHeight)

        // console.log("top1", glap4, box4Top)
        // console.log("top2", glap2, box2Top)
        // console.log("top3", glap3, box3Top)

    })
</script>
{/if}

{if ($catid==9)}
<script>
    var swiper = new Swiper(".mySwiper", {
        spaceBetween: 0,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,

        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
    var swiper2 = new Swiper(".mySwiper2", {
        spaceBetween: 0,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,

        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
    var swiper2 = new Swiper(".mySwiper3", {
        spaceBetween: 0,
        pagination: {
            el: ".swiper-pagination",
            clickable: true,

        },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },
    });
</script>
{/if}

{if ($catid==10)}
<script>
    var swiper = new Swiper(".mySwiper", {
        direction: "vertical",
        slidesPerView: 3,
        spaceBetween: 20,
        mousewheel: true,
        // pagination: {
        //     el: ".swiper-pagination",
        //     clickable: true,
        // },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },

    });

    $(".swiper-slide").mouseenter(function () {
        let index = $(this).index(".swiper-slide")
        let imageSrc = $(".swiper-slide>img")

        $("#changeImageIDFFF").attr("src", imageSrc[index].src)

    })

</script>
{/if}

{if ($catid==13)}
<script>
    var swiper = new Swiper(".mySwiper", {
        direction: "vertical",
        slidesPerView: 3,
        spaceBetween: 20,
        mousewheel: true,
        // pagination: {
        //     el: ".swiper-pagination",
        //     clickable: true,
        // },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },

    });
    var swiper = new Swiper(".mySwiper2", {
        direction: "vertical",
        slidesPerView: 3,
        spaceBetween: 20,
        mousewheel: true,
        // pagination: {
        //     el: ".swiper-pagination",
        //     clickable: true,
        // },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },

    });
    var swiper = new Swiper(".mySwiper3", {
        direction: "vertical",
        slidesPerView: 3,
        spaceBetween: 20,
        mousewheel: true,
        // pagination: {
        //     el: ".swiper-pagination",
        //     clickable: true,
        // },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },

    });

    $(".swiperItem1>.swiper-slide").mouseenter(function () {
        let index = $(this).index(".swiper-slide")
        let imageSrc = $(".swiper-slide>img")

        $("#changeImageIDFFF").attr("src", imageSrc[index].src)

    })
    console.log($(".swiperItem2>.swiper-slide"))
    $(".swiperItem2>.swiper-slide").mouseenter(function () {
        let index = $(this).index(".swiperItem2>.swiper-slide")
        let imageSrc = $(".swiperItem2>.swiper-slide>img")

        $("#changeImageIDFFF2").attr("src", imageSrc[index].src)

    })
    $(".swiperItem3>.swiper-slide").mouseenter(function () {
        let index = $(this).index(".swiperItem3>.swiper-slide")
        let imageSrc = $(".swiperItem3>.swiper-slide>img")

        $("#changeImageIDFFF3").attr("src", imageSrc[index].src)

    })

</script>
{/if}

{if ($catid==15)}
<script type="text/javascript">
    // 点击收起隐藏
    $(".zpcon").hide();
    $(".zpcon:eq(0)").slideToggle("slow");
    $(".zptit:eq(0)").addClass('zpshow');
    $(".zptit").click(function () {
        if ($(this).hasClass('zpshow')) {
            $(".zpcon:eq(" + $(this).index(".zptit") + ")").slideUp()
            $(".zptit").removeClass('zpshow');
            return false;
        }
        $(".zptit").removeClass('zpshow');
        $(this).addClass('zpshow')
        $(".zpcon").slideUp()
        $(".zpcon:eq(" + $(this).index(".zptit") + ")").slideToggle("slow");
    });
</script>
{/if}

{if ($catid==16)}
<script>
    var swiper = new Swiper(".mySwiper", {
        direction: "vertical",
        slidesPerView: 3,
        spaceBetween: 20,
        mousewheel: true,
        // pagination: {
        //     el: ".swiper-pagination",
        //     clickable: true,
        // },
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },

    });

    $(".swiper-slide").mouseenter(function () {
        let index = $(this).index(".swiper-slide")
        let imageSrc = $(".swiper-slide>img")

        $("#changeImageIDFFF").attr("src", imageSrc[index].src)

    })

</script>
{/if}

{if ($catid==1&&$id)}
<script>
    $(function () {
        $(".content").find("img").attr("style", "max-width:100%!important;height:auto!important;");
    });
</script>
{/if}